<apes-card>
  <div apes-row apesGutter="10" apesSpan="1">
    <div apes-col apesSpan="24" *ngFor="let head of topList">
      <div apes-col apesSpan="4" class="head-cont" >
        <span apes-col apesSpan="10" style="padding-top: 0;">{{ head['VALUE'] }}：</span>
        <span (click)="getClick( head['FWDH'], head['VALUE'])"
              [class.cont-btn]=" head['FWDH'] === query ">
          <a href="javascript:void(0)" >{{ head['FWDH'] }}</a>
        </span>
      </div>
      <div class="head-cont" apes-col apesSpan="18">
        <span  *ngIf="head['FWDH']">{{ head['LABLE'] }}：</span>
        <span (click)="getClick( head['FWFAH'], head['LABLE'])"
              [class.cont-btn]=" head['FWFAH'] === query ">
          <a href="javascript:void(0)" >{{ head['FWFAH'] }}</a>
        </span>
    </div>
    </div>
  </div>
</apes-card>

<!-- 中间内容 -->
<apes-card >
  <div *ngFor="let head of conList" apes-row apesGutter="24" apesSpan="1">
    <div apes-col apesSpan="8" *ngFor="let i of head.titleData" class="head-cont">
      <span class="cont-span">{{ i.lable }}：</span>
      <span class="cont-input"> {{allList[i['feild']] }}</span>
    </div>
  </div>
</apes-card>

<apes-card>
  <ag-grid-angular #grid
                   class="ag-theme-balham"
                   enableColResize="true"
                   enableSorting="true"
                   enableFilter="true"

                   suppressLoadingOverlay="true"

                   [rowData]="rowData"
                   [gridOptions]="gridOptions"
                   [columnDefs]="columnDefs"
                   [domLayout] = 'domLayout'
                   [pinnedBottomRowData]="pinnedBottomRowData">
  </ag-grid-angular>
</apes-card>

